<template>
<div class="main">
<div class="Breadcrumb">

</div>
<div class="mainImg" style="text-align:center">
<img :src="this.el" alt="" width="200" height="200">
    
</div>
<div class="myCenter" >
    <p>学习资料</p>
    <p></p>
    
</div>
  <el-descriptions :column="3" border >
  <el-descriptions-item label="sld">{{information.sId}}</el-descriptions-item>
  <el-descriptions-item label="姓名">{{information.name}}</el-descriptions-item>
  <el-descriptions-item label="年龄">{{information.age}}</el-descriptions-item>
  <el-descriptions-item label="班级"><el-tag size="small">{{information.class}}</el-tag></el-descriptions-item>
  <el-descriptions-item label="学历">{{information.degree}}</el-descriptions-item>
  <el-descriptions-item label="项目地址">{{information.productUrl}}</el-descriptions-item>
  <el-descriptions-item label="描述">{{information.description}}</el-descriptions-item>
  <el-descriptions-item label="城市">{{information.city}}</el-descriptions-item>
  <el-descriptions-item label="创建时间">{{information.cTime}}</el-descriptions-item>
</el-descriptions>

  </div>
</template>

<script>
  export default {
    meta:{
      title:'xyzl',
      name:'学员资料',
      icon:'iconfont icon-shuju1'
    },
    data() {
      return {
        information:[],
        el:'',
        value:''
      }
    },
    created () {
      if(this.$route.query.row){
        this.information =this.$route.query.row
        this.el=this.$route.query.row.headimgurl
      }
      
    }
  }
</script>
<style lang="less" scoped>
#app{
        .layout-container{
            .el-container{
                .is-vertical{
                    .el-main{
                        .main{
                            line-height: 14px;
                            font-size: 14px;
                            text-align: left;
                            .Breadcrumb{
                                margin: 20px 0 30px 0;
                                .Breadcrumb__item:nth-of-type(1){
                                  font-weight: 900;
                                }
                                .Breadcrumb__item:nth-of-type(1):active{
                                  color:skyblue
                                }
                                .Breadcrumb__item:nth-of-type(2){
                                  font-weight: 900;
                                }
                                .Breadcrumb__item:nth-of-type(1):hover{
                                  cursor: pointer;
                                  color:skyblue
                                }
                            }
                            .myCenter{
                                height: 32px;
                                margin-bottom: 20px;
                                display: flex;
                                justify-content: space-between;
                                p:nth-of-type(1){
                                    font-size: 16px;
                                }
                            }
                       

                        }
                    }
                }
            }
        }
}

</style>